<template>
<!-- 和单根节点组件不同，有多个根节点的组件没有自动 attribute 透传行为，如果 $attrs 没有被显式绑定，将会抛出一个运行时警告 -->
  <header>header</header>
  <main v-bind="$attrs">main</main>
  <footer>footer</footer>
</template>
<script setup>
// 在javascript中访问透传 Attribute，可以使用 useAttrs() API 来访问一个组件的所有透传 attribute
import { useAttrs } from 'vue'
const attrs = useAttrs()
console.log(attrs);
console.log(attrs.id);
attrs.onInfo()
</script>

<style scoped>

</style>